<template>
  <!-- 顶部蓝色状态条 -->
  <app-top></app-top>
  <!-- 弹出层，存放菜单路由，多语言等内容 -->
  <side-menu></side-menu>
  <!-- 业务页面content -->
  <div class="page-content">
    <router-view />
  </div>
</template>

<script setup>
import { ref, getCurrentInstance, provide } from 'vue';
import AppTop from './frame/components/AppTop.vue'
import SideMenu from './frame/components/SideMenu.vue'
const { proxy } = getCurrentInstance()
// 定义数据
const menuShow = ref(false);
provide('menuShow', menuShow)

</script>

<style scoped>
.page-content {
  margin: 10px;
  /* background-color: #ccc; */
  border: 2px solid black;
  overflow: hidden;
}
</style>
